@media screen, projection
{
  /*-------------------------------------------------------------------------*/

  /* (en) Marginal areas & page background */
  /* (de) Randbereiche & Seitenhintergrund */
  body { background: url(../../images/bg.jpg) no-repeat top center #003756;}

  /* Layout Alignment | Layout-Ausrichtung */
  body { text-align:center; }
  body * { text-align:left; }
  .page_margins { margin: 0 auto; }

  /* Layout Properties | Layout-Eigenschaften */
  .page_margins { width: 898px; background: #0E4564; padding: 0px; }
  .page { padding: 0px 0px; /*border: 1px #aaa solid;*/ background: url(../../images/index_08.png) repeat-y; text-align:center; }
  .page img{ border: none;}
  #header { 
  	position:relative; 
	padding: 12px 24px 0 24px; 
	color: #000; 
	background: url(../../images/index_06.png) no-repeat;
  }
  #header img{
  	border: none;
	margin-top: 30px;
	margin-left: 5px;
  }
  #header .logo{
    width: 250px;
  }
  #header .menu{
    float: right;
	margin-top: -60px;
	margin-right: 10px;
  }
  #topnav { position:absolute; top: 24px; right: 24px; color: #aaa; background: transparent; }
  #main { margin: 12px 0; background: url(../../images/index_08.png) repeat-y; }
  #footer { padding: 5px 24px; color:#003756; background: url(../../images/ft.png) bottom no-repeat;}

  /*-------------------------------------------------------------------------*/

  /**
   * (en) Formatting content container
   * (de) Formatierung der Inhalts-Container
   *
   */

  #main { padding: 0px 24px; }

  #header .subc  { padding: 0 24px; }
  .subcl { padding: 0 24px 0 0; }
  .subcr { padding: 0 0 0 24px; }
  #header .subc  { border-left: 0px #ddd solid; border-right: 0px #ddd solid; }
  #main .subcl { border-right: 0px #ddd solid; }
  .subcolumns { border-bottom: 0px #ddd solid; }
  .subcolumns  .subcolumns {border-bottom: 0px #ddd solid; }

  .maincontent { padding-left: 36px; }


  /**
   * (en) Formatting content container
   * (de) Formatierung der Inhalts-Container
   *
   * |-------------------------------|
   * | #header                       |
   * |-------------------------------|
   * | #col1   | #col3     | #col2   |
   * | 25%     | flexible  | 25%     |
   * |-------------------------------|
   * | #footer                       |
   * |-------------------------------|
   */

  #col1 { width:25%; }
  #col1_content { padding:10px 10px 10px 20px; }

  #col2 { width:25%; }
  #col2_content { padding:10px 20px 10px 10px; }

  #col3 { margin:0 25%; width:75%; }
  #col3_content { 
  		padding:10px; 
		padding-top: 0px;
  }
/**
  * ------------------------------------------------------------------------------------------------- #
  *
  * Skiplinks 
  *
  * (en) Visual styling for skiplink navigation
  * (de) Visuelle Gestaltung der Skiplink-Navigation
  *
  * @section content-skiplinks
  */

  #skiplinks a.skip:focus,
  #skiplinks a.skip:active { 
    text-align: center;
	color: #fff; 
	background: #333;
  	border: 0 none;
	border-bottom: 1px #000 solid;
	padding: 10px 0;
	text-decoration:none;
  }
  
}
}
